<div class="flexslider">
	<ul class="slides">
		<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2; background: url(/uploads/content/b1.jpg) 50% 0px no-repeat;" class=""></li>
		<!--<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1; background: url(/uploads/content/usatravelpaper.png) 50% 0px no-repeat;" class=""></li>-->
		<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1; background: url(/uploads/content/b2.jpg) 50% 0px no-repeat;" class=""></li>
		<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1; background: url(/uploads/content/b3.jpg) 50% 0px no-repeat;" class=""></li>
		<li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1; background: url(/uploads/content/b4.jpg) 50% 0px no-repeat;" class=""></li>
	</ul>
</div>


<script>
$(window).load(function() {
	$('.flexslider').flexslider({
		directionNav: false,
		slideshowSpeed:5000,
		pauseOnAction: false
	});
});
</script>